.home{
  background: url(../../assets/image/contain.png) no-repeat center;
  background-size: 100% 100%;
  .center{
      // 设置公共变宽属性
      .border{
          border-radius: 5px;
          border: 2px solid #b6c7e8;
        }
        // 设置公共title属性
        .title{
          width: inherit;
          height: 58px;
          color: #fff;
          font-size: 22px;
          line-height: 58px;
          font-weight: bolder;
          border-radius: 5px 5px 0 0;
          img{
            width: 32px;
            height: 32px;
            margin: 15px 10px 0 20px;
            float: left;
          }
        }
        // 设置公共ul模块属性
        .ul{
          margin: 17px 0 0 17px;
          li{
            width: inherit;
            height: 35px;
            line-height: 35px;
            p{
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
              font-size: 16px;
              float: left;
              padding-left: 25px;
            a{
              color: #666666;
            }
            }
            span{
              font-size: 16px;
              color: #666666;
              float: right;
            }
          }
        }
      .line-one{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        overflow: hidden;
        // 公告通知
        .notice{
          width: 430px;
          height: 336px;
          margin-top: 30px;
          background: #fff;
          ul{
            width: 390px;
            li{
              p{
                width: 220px;
                background: url(../../assets/image/list-2.png) no-repeat 0 7px;
              }
            }
          }
          .title{
            background: url(../../assets/image/notice-bg.png);
            a{
              float: right;
              padding-right: 24px;
              font-size: 17px;
              color: #2e4a8d;
              font-weight: normal;
            }
          }
        }
        // 安全天数
        .days{
          width: 560px;
          height: 336px;
          margin-top: 30px;
          background: #fff;
          ul{
            width: 535px;
            margin: 10px 0 0 10px;
            li{
              height: 36px;
              line-height: 36px;
              p{
                font-size: 16px;
                color: #666666;
                span{
                  color: #ff9204;
                }
                span:nth-of-type(1){
                  font-size: 20px;
                  font-weight: bolder;
                }
              }
            }
          }
          .title{
            background: url(../../assets/image/days-bg.png);
          }
        }
        // 应急值班
        .duty{
          width: 294px;
          height: 336px;
          margin-top: 30px;
          background: #fff;
          ul{
            width: 535px;
            margin: 10px 0 0 10px;
            li{
              height: 36px;
              line-height: 36px;
              p{
                font-size: 16px;
                color: #666666;
              }
            }
          }
          .title{
            background: url(../../assets/image/duty-bg.png);
          }
        }
        // 安全通报
        .notification{
          width: 660px;
          height: 336px;
          margin-top: 30px;
          background: #fff;
          ul{
            width: 615px;
            li{
              p{
                width: 435px;
                font-size: 16px;
                background: url(../../assets/image/list-1.png) no-repeat 0 7px;
              }
            }
          }
          .title{
            text-align: center;
            width: 660px;
            background: url(../../assets/image/notification-bg.png);
            position: relative;
            img{
              position: absolute;
              left: 230px;
            }
          }
        }
        // 重点工作
        .work{
          width: 660px;
          height: 336px;
          margin-top: 30px;
          background: #fff;
          ul{
            li{
              p{
                width: 475px;
                background: url(../../assets/image/list-2.png) no-repeat 0 7px;
              }
            }
          }
          .title{
            text-align: center;
            background: url(../../assets/image/notification-bg.png);
            position: relative;
            img{
              position: absolute;
              left: 230px;
            }
          }
        }
      }
      .line-two{
        margin-top: 30px;
        display: flex;
        justify-content: space-between;
        .image{
          width: 430px;
          height: 335px;
          background: url(../../assets/image/news.png);
          span{
            width: 420px;
            background: rgba($color: #000000, $alpha: .5);
            float: left;
            height: 40px;
            margin-top: 295px;
            line-height: 40px;
            font-size: 14px;
            color: #fff;
            padding-left: 10px;
          }
        }
        .card{
          width: 880px;
          height: 335px;
          background: #fff;
          .card_title{
            height: 57px;
            width: 100%;
            display: flex;
            ul{
              width: 100%;
              li{
                width: 50%;
                text-align: center;
                line-height: 57px;
                font-size: 22px;
                background: url(../../assets/image/duty-bg.png);
                color: #fff;
                position: relative;
                border-radius: 0;
                span{
                  padding-left: 40px;
                }
              }
              li:nth-of-type(1) span{
                background: url(../../assets/image/list-1-1.png) no-repeat;
              }
              li:nth-of-type(2) span{
                background: url(../../assets/image/list-2-1.png) no-repeat;
              }
              li.active{
                background: #fff;
                color: #2c488a;
              }
              li:nth-of-type(2).active span{
                background: url(../../assets/image/list-2-2.png) no-repeat;
              }
              li:nth-of-type(1).active span{
                background: url(../../assets/image/list-1-2.png) no-repeat;
              }
            }
          }
          .information_body{
            ul{
              display: none;
              width: 845px;
              margin: 20px 0 0 25px;
              li{
                p{
                  width: 680px;
                  background: url(../../assets/image/list-1.png) no-repeat 0 7px;
                }
              }
            }
            ul.activeText{
              display: block;
            }
          }
        }
      }
      .line-three{
        margin-top: 28px;
        width: 1344px;
        height: 152px;
        background: url(../../assets/image/banner-last.png);
        margin-bottom: 35px;
        .title{
          margin-top: 32px;
          position: relative;
          p{
            position: absolute;
            width: 134px;
            height: 18px;
            font-size: 18px;
            text-align: center;
            font-weight: bolder;
            color: #ffffff;
            background: #4262a5;
            left: 50%;
            top: 7px;
            margin-left: -67px;
          }
        }
        .contain{
          margin: 0 0 0 220px;
          width: 900px;
          ul:nth-of-type(1){
            display: flex;
            flex-wrap: wrap;
            justify-content: space-evenly;
            li{
              line-height: 30px;
              padding: 0 25px;
              a{
                color: #fff;
              }
            }
          }
          // ul:nth-of-type(2){
          //   display: flex;
          //   justify-content: space-evenly;
          //   li{
          //     line-height: 30px;
          //     a{
          //       color: #fff;
          //     }
          //   }
          // }
        }
      }
  }
}